<style>
  /*  .shopchat-list body, button, input, select, textarea { /!* for ie *!/
        color: #495d64;
        font:0.75rem/1.42857143  "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        outline:0;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }*/


    .shopchat-list code, kbd, pre, samp, tt {
        font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    }

    /* 閲嶇疆鍒楄〃鍏冪礌 */
    .shopchat-list  ul, ol {
        list-style: none;
    }

    .shopchat-list h1, h2, h3, h4, h5, h6{
        font-size: 100%;
        font-weight: normal;
    }

    /* 閲嶇疆琛ㄦ牸鍏冪礌 */
    .shopchat-list  table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .shopchat-list img {
        vertical-align: top;
        border: 0;
    }

    .shopchat-list  a {
        color: #2b98fc;
        text-decoration: none;
    }

    .shopchat-list a:hover,
    .shopchat-list a:focus {
        color: #2a6496;
        text-decoration: none;
        outline: none;
    }





    /* conversation-list */

    .shopchat-list  .chat-list {
        margin-top: 19px;
        overflow-y: auto;
    }

    .shopchat-list .chat-item {
        display: flex;
        height: 64px;
        line-height: 24px;
        background: #F5F5F5;
        padding-top: 8px;
    }

    .shopchat-list .chat-item:nth-child(n+1) {
        border-top: 1px solid #e1e1e1;
    }

    .shopchat-list .chat-item-portrait {
        position: relative;
    }
    .shopchat-list .chat-item-portrait i{
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: red;
        right: -4px;
        top: -2px;
    }
    .shopchat-list .chat-item-portrait img{
        width: 48px;
        height: 48px;
        margin-left: 15px;
        border-radius: 10px;
    }
    .shopchat-list .chat-item-name {
        flex: 1;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }
    .shopchat-list .chat-item-content{
        font-size: 12px;
        color: #b3b3b3;
    }

    .shopchat-list .unread-count {
        font-size: 10px;
        background: #d44950;
        /* height: .9rem; */
        display: inline-block;
        min-width: 5px;
        padding: 3px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 5px;
        /* margin-top: 0.533rem; */
        /* margin-right: 0.3rem; */
        position: absolute;
        right: 16px;
    }
    .remove-conversation{
        font-size: 8px;
        margin-right: 5px;
    }
</style>
<ion-view view-title="消息">
    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
        <div class="h1 title">消息</div>

    </ion-header-bar>
        <ion-content class="shopchat-list" style="bottom: 47px;">
            <div class="conversationList">
            <!--header-->
            <!--header-->
            <!--chat-list-->
            <ul class="chat-list">

                <li class="chat-item" ng-click="clearUnreadCount(item.targetId)" ui-sref="shopChat({tid:item.targetId,ismaster:true})" ng-repeat="item in chatList">


                    <div class="chat-item-portrait">
                        <img ng-src="{{item.userInfo.portraitUri}}" class="rong-avatar-bd">
                        <!--<i></i>-->
                    </div>
                    <div class="chat-item-name" ng-if="item.conversationType === 1">

                        <div>{{item.userInfo.nickname}}</div>
                        <div class="row row-no-padding">
                            <div class=" col col-60 hide-text chat-item-content" ng-if="item.latestMessage.messageType=='TextMessage'"> {{item.latestMessage.content.content || '' }}</div>
                            <div class=" col col-60 hide-text chat-item-content" ng-if="item.latestMessage.messageType=='VoiceMessage'"> [语音] </div>
                            <div class=" col col-60 hide-text chat-item-content" ng-if="item.latestMessage.messageType=='ImageMessage'"> [图片] </div>
                            <div class="col col-40 hide-text chat-item-content">{{item.sentTime | date:"yyyy-MM-dd HH:mm"}}</div>
                        </div>


                    </div>
                    <div class="chat-item-name" ng-if="item.conversationType === 3">{{item.userInfo.name}} :
                        {{item.latestMessage.content.content ||
                        '' }}
                    </div>
                    <div class="unread-count" ng-if="item.unreadMessageCount">{{item.unreadMessageCount}}</div>
                    <!--<div class="remove-conversation" @touchend="removeConversation(item.conversationType,item.latestMessage.targetId , index)">&times;</div>-->
                </li>

            </ul>

            <!--chat-list-->
        </div>
        <div ng-show="chatList.length<1" class="text-center mt10">暂无会话列表</div>
        </ion-content>

</ion-view>